export default function () {
  if (
    !new RegExp("https://zhuanlan.zhihu.com/").test(location.href) &&
    !new RegExp("https://www.zhihu.com/").test(location.href)
  )
    return;

  // 这里采用数组的原因是可以添加注释，如果全部字符串，就没办法添加注释说明样式了
  const cssText = [
    ////  这里是专栏的
    // 解决页面不能滚动
    " html {overflow: auto !important; margin-right:0 !important}",
    // 解决图片预览层级不够
    ".ImageView {z-index: 1000 !important}",
    // 删掉头部banner;删掉右上角悬浮按钮，赞同和分享;删掉头图
    ".ColumnPageHeader-Wrapper, .Post-SideActions, .TitleImage {display: none}",
    // 改变登录弹窗的背景色，避免污染影响阅读
    ".Modal-wrapper {background:white;display:none}",
    // 删掉右上角悬浮按钮，赞同和分享

    //// 这里是知乎问题的
    // 删除顶部栏,删除右侧边栏，删除弹窗
    ".AppHeader,.Question-sideColumn,.css-1izy64v {display:none}",
  ];

  // 去除跳转链接被知乎重定向
  document.querySelectorAll("a").forEach((item) => {
    item.href = decodeURIComponent(item.href.split("target=")[1]);
  });

  GM_addStyle(cssText.join(""));

  // 总结经验，遇到样式问题，直接用油猴设置css important即可。这样子就不用担心dom元素是动态的，遇到定时器或者其他方式去获取dom再设置css
}
